<template>
  <div class="article-list">
    <template v-for="item in lists">
      <article-item :item="item" :key="item.id"></article-item>
    </template>
  </div>
</template>

<script>
import ArticleItem from "@/components/ArticleItem.vue";
export default {
  components: {
    ArticleItem,
  },
  data() {
   
    return {
      lists: [
        {
          id: 0,
          category:'新闻圈',
          type: "special",
          author:'胖子',
          created_at:'31分钟前',
          content:' 近日，俄军最高统帅部组织了第五届全军炮兵旅预备队实地演练，出动了大批重型火炮，其中就包括当今口径最大的自行迫击炮——2S4“郁金香”240毫米自行迫击炮。本图集就此解读。',
          comment:24,
          laud:23,
          display:999,
          images: [""]
        },
        {
          id: 1,
          category:'新闻圈',
          type: "normal",
          author:'胖子',
          created_at:'31分钟前',
          title:'鹿晗公开恋情！陆地夫妇成笑话，迪丽热巴反击酷爆！',
          content:' 近日，俄军最高统帅部组织了第五届全军炮兵旅预备队实地演练，出动了大批重型火炮，其中就包括当今口径最大的自行迫击炮——2S4“郁金香”240毫米自行迫击炮。本图集就此解读。',
          comment:24,
          laud:23,
          display:999,
          images: [""],
          is_top:true
        },
         {
          id: 2,
          category:'新闻圈1',
          type: "normal",
          author:'胖子',
          created_at:'31分钟前',
          title:'鹿晗公开恋情！陆地夫妇成笑话，迪丽热巴反击酷爆！',
          content:' 近日，俄军最高统帅部组织了第五届全军炮兵旅预备队实地演练，出动了大批重型火炮，其中就包括当今口径最大的自行迫击炮——2S4“郁金香”240毫米自行迫击炮。本图集就此解读。',
          comment:24,
          laud:23,
          display:999,
          images: ["",'',''],
        },
      ],
    };
  },
};
</script>

<style>
</style>